{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static "css/bootstrap.min.css" %}">
    <link rel="stylesheet" href="{% static "css/bootstrap-theme.min.css" %}">
<!--    <link rel="stylesheet" href="{% static "css/pygments.css" %}">
    <link rel="stylesheet" href="{% static "css/colorful.css" %}">
    <link rel="stylesheet" href="{% static "css/abap.css" %}">
    <link rel="stylesheet" href="{% static "css/algol.css" %}">
    <link rel="stylesheet" href="{% static "css/algol_nu.css" %}">
    <link rel="stylesheet" href="{% static "css/arduino.css" %}">
    <link rel="stylesheet" href="{% static "css/autumn.css" %}">
    <link rel="stylesheet" href="{% static "css/borland.css" %}">
    <link rel="stylesheet" href="{% static "css/bw.css" %}">
    <link rel="stylesheet" href="{% static "css/default.css" %}">
    <link rel="stylesheet" href="{% static "css/emacs.css" %}">
    <link rel="stylesheet" href="{% static "css/friendly.css" %}">
    <link rel="stylesheet" href="{% static "css/fruity.css" %}">
    <link rel="stylesheet" href="{% static "css/igor.css" %}">
    <link rel="stylesheet" href="{% static "css/lovelace.css" %}">
    <link rel="stylesheet" href="{% static "css/manni.css" %}">
    <link rel="stylesheet" href="{% static "css/monokai.css" %}">
    <link rel="stylesheet" href="{% static "css/murphy.css" %}">
    <link rel="stylesheet" href="{% static "css/native.css" %}">
    <link rel="stylesheet" href="{% static "css/paraiso-dark.css" %}">
    <link rel="stylesheet" href="{% static "css/paraiso-light.css" %}">
    <link rel="stylesheet" href="{% static "css/pastie.css" %}">
    <link rel="stylesheet" href="{% static "css/perldoc.css" %}">
    <link rel="stylesheet" href="{% static "css/rainbow_dash.css" %}">
    <link rel="stylesheet" href="{% static "css/rrt.css" %}">
    <link rel="stylesheet" href="{% static "css/tango.css" %}">
    <link rel="stylesheet" href="{% static "css/trac.css" %}">
    <link rel="stylesheet" href="{% static "css/vim.css" %}">
    <link rel="stylesheet" href="{% static "css/vs.css" %}">
    <link rel="stylesheet" href="{% static "css/xcode.css" %}">-->
    <script src="{% static "js/bootstrap.js" %}"></script>
    <title>导航</title>
</head>
<style>
    body{
        padding: 70px;
    }
    .dotline { 
        BORDER-BOTTOM-STYLE: dotted; 
        BORDER-LEFT-STYLE: dotted; 
        BORDER-RIGHT-STYLE: dotted; 
        BORDER-TOP-STYLE: dotted 
    } 
</style>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
     <div class="navbar-header">
      <button class="navbar-toggle collapse" data-toggle="collapse" data-target="#navbar-collapse">
      <span class="sr-only">Togglenavigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span></button>
     <a href="/blogs/articles/list/" class="navbar-brand">蜗牛云</a></div>
     <div class="collapse navbar-collapse" id="navbar-collapse">
     <ul class="nav navbar-nav">
         <li><a href="/blogs/articles/list/">首页</a></li>
         <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle">dropdown
                 <span class="caret"></span>
                 <ul class="dropdown-menu">
                     <li><a href="#">hehe</a></li>
                     <li><a href="#">xixi</a></li>
                     <li><a href="#">haha</a></li>
                 </ul>
             </a></li>
         {% if user %}
         <li><a href="#">hello,{{user.username}}</a></li>
         <li><a href="/accounts/logout/">注销</a></li>
         {% else %}
         <li><a href="/xadmin">登录</a></li>
         {% endif %}
     </ul>
     </div>
     </div>
     </div>
 </nav> 
 {% block content %}  
 {% endblock %}  
</body>
</html>
